/* RESOURCES */
* {
	font-family: arial, helvetica, tahoma, sans-serif;
}

/* ========== LOADING =============== */
.loading {
	position: fixed;
	left: 50%;
	top: 30%;
}

.loading .loading-indicator {
	background-color: #F5F5F5;
	color: #444;
	border: 1px solid #CCCCCC;
	font: bold 13px tahoma, arial, helvetica;
	padding: 10px;
	margin: 0;
	height: auto;
	width: 315px;
	margin: 0 0 0 -162.5px;
}

.loading .loading-indicator img {
	margin-right: 8px;
	float: left;
	vertical-align: top;
}

.loading .loading-indicator #loading-msg {
	font: normal 10px arial, tahoma, sans-serif;
}

/* ========== HEADER ================ */

.x-theme-slate .application-title-container  {
	background: #1E4176 url(../images/bg/slate-hd-bg.gif) repeat-x scroll 0pt;
}

.application-title-container {
	color: white;
	font-family: tahoma, arial, sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	padding: 6px 0 8px 6px;
	background: #1E4176 url(../images/bg/hd-bg.gif) repeat-x scroll 0pt;
	border: 0pt none;
	height: 100%;
	padding-left: 3px;
}

.application-title-container img {
	height: 16px;
	width: 16px;
}

.application-title-container .app-title {
	margin-left: 5px;
	font-size: 16px;
}

.application-title-container .app-title-info {
	margin-left: 15px;
	font-size: 11px;
	font-weight: bold;
}

/* ========== FORMS ================ */

.dialog-form {
	background-color:#DFE8F6 !important;
	border: 1px solid #99BBE8 !important;
}

/* ========== GRIDS ================ */
.x-grid3-body .x-grid3-td-cost {
	background-color: #F1F2F4;
}

.x-grid3-summary-row {
	background: #F1F2F4 none repeat scroll 0% 50%;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #333333;
}

.x-grid3-summary-row .x-grid3-cell-inner {
	font-weight: bold;
	padding-bottom: 4px;
}

.x-grid3-cell-inner {
	font-family: "segoe ui", arial, tahoma, sans-serif;
}

.x-grid3-row td.x-grid3-cell,.x-grid3-summary-row td.x-grid3-cell {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* ========== BUTTONS ================ */

.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

/* ========== BUTTONS ================ */
.applicationButton {
	background-image: url(../images/icon/application_icon.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.deleteButton {
	background-image: url(../images/icon/delete16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.trashButton {
	background-image: url(../images/icon/trash_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.editButton {
	background-image: url(../images/icon/file_edit16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.detailsButton {
	background-image: url(../images/icon/file_explore16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.removeButton {
	background-image: url(../images/icon/delete2-16.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.createButton {
	background-image: url(../images/icon/add2-16.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.saveButton {
	background-image: url(../images/icon/save16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.trueButton {
	background-image: url(../images/icon/true-16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.falseButton {
	background-image: url(../images/icon/false-16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.playButton {
	background-image: url(../images/icon/play_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.playPressedButton {
	background-image: url(../images/icon/play_pressed16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.userButton {
	background-image: url(../images/icon/user16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.userUpGreenArrowButton {
	background-image: url(../images/icon/user_up_green_arrow_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.userDownRedArrowButton {
	background-image: url(../images/icon/user_down_red_arrow_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.userAddButton {
	background-image: url(../images/icon/user_add16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.userDeleteButton {
	background-image: url(../images/icon/user_delete16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.userEditButton {
	background-image: url(../images/icon/user_edit16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.userGroupButton {
	background-image: url(../images/icon/user_group16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.associateUserGroupButton {
	background-image: url(../images/icon/user_group_up_green_arrow_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.unassociateUserGroupButton {
	background-image: url(../images/icon/user_group_down_red_arrow_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.imagesButton {
	background-image: url(../images/icon/pictures_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.categoryButton {
	background-image: url(../images/icon/category_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.galleryButton {
	background-image: url(../images/icon/gallery_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.galleryRemoveCategoryButton {
	background-image:
		url(../images/icon/folder_picture_right_red_arrow_16.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.horizontalForm {
	float: left;
}

.aggregation-row-cell {
	font-weight: bold !important;
}

.centered-panel {
	background-color: #DFE8F6 !important;
}

.centered-panel .x-grid3 {
	background-color: #DFE8F6 !important;
}

.cell-editable-pair {
	background-color: #FFFFFF;
}

.cell-editable-impair {
	background-color: #FAFAFF;
}

/* ========== OVERRIDE DIRTY CELL TO SET THEM TO YELLOW BACKGROUND =============== */
/* .x-grid3-dirty-cell{ */
/* 	background-color:#F1FF0A !important; */
/* 	background-image:none !important; */
/* } */
/* .x-grid3-row { */
/* 	background-color:#E7E7F6; */
/* } */
/* .x-grid3-row-alt { */
/* 	background-color:#DCDCE9; */
/* } */
/* ========== FILL Background color for panels (to allow margins inside panel) =============== */
.fill-background-color > div > div, .fill-this-background-color {
	background-color: #DFE8F6;
}

.x-theme-blue .fill-background-color > div > div, .x-theme-blue .fill-this-background-color {
	background-color: #DFE8F6;
}

.x-theme-gray .fill-background-color > div > div, .x-theme-gray .fill-this-background-color {
	background-color: #F0F0F0;
}

.x-theme-slate .fill-background-color > div > div, .x-theme-slate .fill-this-background-color {
	background-color: #F0F0F0;
}

.cancel-fill-background-color > div > div, .cancel-fill-background-color {
	background-color: #FFFFFF;
}

.x-theme-blue .cancel-fill-background-color > div > div, .x-theme-blue .cancel-fill-background-color {
	background-color: #FFFFFF;
}

.x-theme-gray .cancel-fill-background-color > div > div, .x-theme-gray .cancel-fill-background-color {
	background-color: #FFFFFF;
}

.x-theme-slate .cancel-fill-background-color > div > div, .x-theme-slate .cancel-fill-background-color {
	background-color: #FFFFFF;
}